<template>
	<el-card class="box-card" style="height: 80px">
		<p class="fl">
			<el-date-picker
		      v-model="dates"
		      type="daterange"
		      align="right"
		      range-separator="至"
		      start-placeholder="开始日期"
		      end-placeholder="结束日期"
		      @change="get_dataList"
		      :picker-options="setDate">
		    </el-date-picker>
		</p>
		<p class="fr">
			<el-input v-model="search_key" placeholder="可输入订单号，买家卖家信息" class="w200"></el-input>
			<el-button type="primary" @click="get_dataList">搜索</el-button>
		</p>
	</el-card>
</template>

<script>
	export default {
		props: {
			
		},
		data(){
			return {
				dates: '',
				search_key: '',
				setDate: {
		          shortcuts: [{
		            text: '今天',
		            onClick(picker) {
		              const end = new Date();
		              const start = new Date();
		              start.setTime(start.getTime());
		              picker.$emit('pick', [start, end]);
		            }
		          },{
		            text: '昨天',
		            onClick(picker) {
		              const end = new Date();
		              const start = new Date();
		              start.setTime(start.getTime() - 3600 * 1000 * 24);
		              picker.$emit('pick', [start, end]);
		            }
		          },{
		            text: '最近7天',
		            onClick(picker) {
		              const end = new Date();
		              const start = new Date();
		              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
		              picker.$emit('pick', [start, end]);
		            }
		          }]
		        },
			}
		},
		methods: {
			get_dataList(){

			}
		}
	}
</script>